<!doctype html>
<html class="no-js" lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>Home-1 | Cavalier</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">


    <!--判断设备跳转   加载页面前就执行算了-->
    <script>
        /*判断当前设备跳转到指定地址。PCurl:PC端地址；WebUel:PC端地址；*/


        function judgmentClient(){
            var UserClient = navigator.userAgent.toLowerCase();
            var IsIPad = UserClient.match(/ipad/i) == "ipad";
            var IsIphoneOs = UserClient.match(/iphone os/i) == "iphone os";
            var IsMidp = UserClient.match(/midp/i) == "midp";
            var IsUc7 = UserClient.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";
            var IsUc = UserClient.match(/ucweb/i) == "ucweb";
            var IsAndroid = UserClient.match(/android/i) == "android";
            var IsCE = UserClient.match(/windows ce/i) == "windows ce";
            var IsWM = UserClient.match(/windows mobile/i) == "windows mobile";
            if(IsIPad || IsIphoneOs || IsMidp || IsUc7 || IsUc || IsAndroid || IsCE || IsWM){
                window.location = 'mobile_index';
            }
        }


        judgmentClient()
    </script>



    <!-- all css here -->

    <!-- bootstrap v3.3.6 css -->
    <link rel="stylesheet" type="text/css" href="http://www.jq22.com/jquery/bootstrap-3.3.4.css">
    <!-- owl.carousel css -->
    <link rel="stylesheet" href="/css/owl.carousel.css">
    <link rel="stylesheet" href="css/owl.transitions.css">
    <!-- meanmenu css -->
    <link rel="stylesheet" href="css/meanmenu.min.css">
    <!-- font-awesome css -->
    <link rel="stylesheet" type="text/css" href="http://www.jq22.com/jquery/font-awesome.4.6.0.css">
    <link rel="stylesheet" href="css/icon.css">

    <!-- magnific css -->
    <link rel="stylesheet" href="css/magnific.min.css">
    <!-- venobox css -->
    <link rel="stylesheet" href="css/venobox.css">
    <!-- style css -->
    <link rel="stylesheet" href="css/style.css">
    <!-- responsive css -->
    <link rel="stylesheet" href="css/responsive.css">

    <!-- modernizr css -->
    <script src="js/vendor/modernizr-2.8.3.min.js"></script>
</head>
<body>

<!--[if lt IE 8]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->

<div id="preloader"></div>
<header class="header-one">
    <!-- header-area start -->
    <div id="sticker" class="header-area hidden-xs">
        <div class="container">
            <div class="row">
                <!-- logo start -->
                <div class="col-md-3 col-sm-3">
                    <div class="logo">
                        <!-- Brand -->
                        <a class="navbar-brand page-scroll sticky-logo" href="index.html">
                            <img src="img/logo/logo2.png" alt="">
                        </a>
                    </div>
                </div>
                <!-- logo end -->
                <div class="col-md-9 col-sm-9">
                    <div class="header-right-link">
                        <!-- search option start -->
                        <form action="#">
                            <div class="search-option">
                                <input type="text" placeholder="Search...">
                                <button class="button" type="submit"><i class="fa fa-search"></i></button>
                            </div>
                            <a class="main-search" href="#"><i class="fa fa-search"></i></a>
                        </form>
                        <!-- search option end -->
                    </div>
                    <!-- mainmenu start -->
                    <nav class="navbar navbar-default">
                        <div class="collapse navbar-collapse" id="navbar-example">
                            <div class="main-menu">
                                <ul class="nav navbar-nav navbar-right">
                                    <li><a href="index.html">首页</a></li>
                                    <li><a class="pagess" href="#">单机游戏</a>
                                        <ul class="sub-menu">
                                            <li><a href="about.html">NBA 2K19</a></li>
                                            <li><a href="team.html">侠盗猎车手5</a></li>
                                            <li><a href="faq.html">合金装备5</a></li>
                                            <li><a href="error.html">彩虹六号围攻</a></li>
                                            <li><a href="about.html">我的世界</a></li>
                                            <li><a href="team.html">看门狗2</a></li>
                                            <li><a href="faq.html">三国志13PK</a></li>
                                            <li><a href="error.html">模拟人生4</a></li>
                                        </ul>
                                    </li>
                                    <li><a class="pagess" href="#">网络游戏</a>
                                        <ul class="sub-menu">
                                            <li><a href="about.html">逆水寒</a></li>
                                            <li><a href="team.html">使命召唤OL</a></li>
                                            <li><a href="faq.html">FIFA OL3</a></li>
                                            <li><a href="error.html">天涯明月刀</a></li>
                                            <li><a href="about.html">天谕</a></li>
                                            <li><a href="team.html">炉石传说</a></li>
                                            <li><a href="faq.html">英雄联盟</a></li>
                                            <li><a href="error.html">Dota2</a></li>
                                        </ul>
                                    </li>
                                    <li><a class="pagess" href="#">手机游戏</a>
                                        <ul class="sub-menu">
                                            <li><a href="about.html">绝地求生:刺激战场</a></li>
                                            <li><a href="team.html">王者荣耀</a></li>
                                            <li><a href="faq.html">阴阳师</a></li>
                                            <li><a href="error.html">明日之后</a></li>
                                            <li><a href="error.html">决战平安京</a></li>
                                            <li><a href="error.html">火影忍者ol</a></li>
                                            <li><a href="error.html">我叫MT4</a></li>
                                            <li><a href="error.html">QQ炫舞手游</a></li>
                                            <li><a href="error.html">斗破苍穹手游</a></li>
                                        </ul>
                                    </li>
                                    <li><a class="pagess" href="#">社会头条</a>

                                    </li>


                                </ul>
                            </div>
                        </div>
                    </nav>
                    <!-- mainmenu end -->
                </div>
            </div>
        </div>
    </div>
    <!-- header-area end -->
    <!-- mobile-menu-area start -->
    <div class="mobile-menu-area hidden-lg hidden-md hidden-sm">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="mobile-menu">
                        <div class="logo">
                            <a href="index.html"><img src="img/logo/logo2.png" alt="" /></a>
                        </div>
                        <nav id="dropdown">
                            <ul>
                                <li><a href="index.html">首页</a></li>
                                <li><a class="pagess" href="#">单机游戏</a>
                                    <ul class="sub-menu">
                                        <li><a href="about.html">About us</a></li>
                                        <li><a href="team.html">Team</a></li>
                                        <li><a href="faq.html">FAQ</a></li>
                                        <li><a href="error.html">Error</a></li>
                                    </ul>
                                </li>
                                <li><a class="pagess" href="#">网络游戏</a>
                                    <ul class="sub-menu">
                                        <li><a href="about.html">About us</a></li>
                                        <li><a href="team.html">Team</a></li>
                                        <li><a href="faq.html">FAQ</a></li>
                                        <li><a href="error.html">Error</a></li>
                                    </ul>
                                </li>
                                <li><a class="pagess" href="#">手机游戏</a>
                                    <ul class="sub-menu">
                                        <li><a href="about.html">About us</a></li>
                                        <li><a href="team.html">Team</a></li>
                                        <li><a href="faq.html">FAQ</a></li>
                                        <li><a href="error.html">Error</a></li>
                                    </ul>
                                </li>
                                <li><a class="pagess" href="#">社会头条</a>

                                </li>
                            </ul>
                        </nav>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- mobile-menu-area end -->
</header>
<!-- header end -->
<!-- Start breadcumb Area -->
<div class="page-area" style="background: url(img/about/b.jpg);">
    <div class="breadcumb-overlay"></div>
    <div class="container">
        <div class="row">
            <div class="col-md-12 col-sm-12 col-xs-12">
                <div class="breadcrumb text-center">
                    <div class="section-headline white-headline">
                        <h3>先知游戏</h3>
                    </div>
                    <ul class="breadcrumb-bg">
                        <li class="home-bread">首页</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- End breadcumb Area -->
<!--Blog Area Start-->
<div class="blog-side-area bg-color-2 page-padding">
    <div class="container">
        <div class="row">
            <div class="blog-sidebar">
                <div class="col-md-8 col-sm-8 col-xs-12">
                    <div class="blog-right-column" id="rmzx">


                    </div>
                    <div class="blog-pagination">
                        <ul class="pagination">
                            <li><a href="#">Next</a></li>
                            <li class="active"><a href="#">1</a></li>
                            <li><a href="#">2</a></li>
                            <li><a href="#">3</a></li>
                            <li><a href="#">Prev</a></li>
                        </ul>
                    </div>
                </div>
                <!-- End single blog -->
                <!-- Start single blog -->
                <div class="col-md-4 col-sm-4 col-xs-12">
                    <div class="left-head-blog">
                        <div class="left-blog-page">
                            <!-- search option start -->
                            <form action="#">
                                <div class="blog-search-option">
                                    <input type="text" placeholder="Search...">
                                    <button class="button" type="submit">
                                        <i class="fa fa-search"></i>
                                    </button>
                                </div>
                            </form>
                            <!-- search option end -->
                        </div>
                        <div class="left-blog-page">
                            <div class="left-blog">
                                <h4>最新资讯</h4>
                                <ul id="zxzx">

                                </ul>
                            </div>
                        </div>
                        <div class="left-blog-page">
                            <!-- recent start -->
                            <div class="left-blog">
                                <h4>recent post</h4>
                                <div class="recent-post">
                                    <!-- start single post -->
                                    <div class="recent-single-post">
                                        <div class="post-img">
                                            <a href="#">
                                                <img src="img/blog/b1.jpg" alt="">
                                            </a>
                                        </div>
                                        <div class="pst-content">
                                            <p><a href="#">Designer have to make sure the prototype looks.</a></p>
                                            <span class="date-type">
														26 Jan / 2018
													</span>
                                        </div>
                                    </div>
                                    <!-- End single post -->
                                    <!-- start single post -->
                                    <div class="recent-single-post">
                                        <div class="post-img">
                                            <a href="#">
                                                <img src="img/blog/b2.jpg" alt="">
                                            </a>
                                        </div>
                                        <div class="pst-content">
                                            <p><a href="#">The phrasal sequence of the Lorem Ipsum text.</a></p>
                                            <span class="date-type">
														20 June / 2018
													</span>
                                        </div>
                                    </div>
                                    <!-- End single post -->
                                    <!-- start single post -->
                                    <div class="recent-single-post">
                                        <div class="post-img">
                                            <a href="#">
                                                <img src="img/blog/b3.jpg" alt="">
                                            </a>
                                        </div>
                                        <div class="pst-content">
                                            <p><a href="#">Make sure the prototype looks finished by.</a></p>
                                            <span class="date-type">
														26 Feb / 2018
													</span>
                                        </div>
                                    </div>
                                    <!-- End single post -->
                                    <!-- start single post -->
                                    <div class="recent-single-post">
                                        <div class="post-img">
                                            <a href="#">
                                                <img src="img/blog/b4.jpg" alt="">
                                            </a>
                                        </div>
                                        <div class="pst-content">
                                            <p><a href="#">The phrasal sequence of the Lorem Ipsum text.</a></p>
                                            <span class="date-type">
														13 Nov / 2018
													</span>

                                        </div>
                                    </div>
                                    <!-- End single post -->
                                </div>
                            </div>
                            <!-- recent end -->
                        </div>
                        <div class="left-blog-page">
                            <div class="left-tags blog-tags">
                                <div class="popular-tag left-side-tags left-blog">
                                    <h4>popular tags</h4>
                                    <ul id="yxbq">

                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- End single blog -->
            </div>
        </div>
        <!-- End row -->
    </div>
</div>
<!--End of Blog Area-->
<!-- Start Footer bottom Area -->
<footer>
    <div class="footer-area">
        <div class="container">
            <div class="row">
                <div class="col-md-4 col-sm-5 col-xs-12">
                    <div class="footer-content">
                        <div class="footer-head">
                            <h4>Information</h4>
                            <div class="footer-contacts">
                                <p><span>Tel :</span> +1907-543478944</p>
                                <p><span>Email :</span> info@cavalier43.com</p>
                                <p><span>Location :</span> House-30/2,  New york</p>
                            </div>
                            <div class="footer-icons">
                                <ul>
                                    <li>
                                        <a href="#">
                                            <i class="fa fa-facebook"></i>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <i class="fa fa-twitter"></i>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <i class="fa fa-google"></i>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <i class="fa fa-pinterest"></i>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <i class="fa fa-instagram"></i>
                                        </a>
                                    </li>
                                </ul>
                            </div>

                        </div>
                    </div>
                </div>
                <!-- end single footer -->
                <div class="col-md-4 col-sm-3 col-xs-12">
                    <div class="footer-content">
                        <div class="footer-head">
                            <h4>Competition Games</h4>
                            <div class="footer-services-link">
                                <ul class="footer-list">
                                    <li><a href="#">Draogons war</a></li>
                                    <li><a href="#">Stranger Anime</a></li>
                                    <li><a href="#">Skyfall challange</a></li>
                                    <li><a href="#">Ripple fight</a></li>
                                    <li><a href="#">Alverter david</a></li>
                                    <li><a href="#">Daneres fight</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- end single footer -->
                <div class="col-md-4 col-sm-4 col-xs-12">
                    <div class="footer-content">
                        <div class="footer-head">
                            <h4>Subscribe</h4>
                            <p>
                                Are you looking for professional games services for your new games.Are you looking for professional developer for your new games.
                            </p>
                            <div class="subs-feilds">
                                <div class="suscribe-input">
                                    <input type="email" class="email form-control width-80" id="sus_email" placeholder="Type Email">
                                    <button type="submit" id="sus_submit" class="add-btn">Subscribe</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- end single footer -->
            </div>
        </div>
    </div>
    <!-- End footer area -->
    <div class="footer-area-bottom">
        <div class="container">
            <div class="row">
                <div class="col-md-6 col-sm-6 col-xs-12">
                    <div class="copyright">
                        <p>
                            Copyright © 2018
                            <a href="#">Cavalier</a> All Rights Reserved
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</footer>

<!-- all js here -->

<!-- jquery latest version -->
<script src="js/vendor/jquery-1.12.4.min.js"></script>
<!-- bootstrap js -->
<script src="js/bootstrap.min.js"></script>
<!-- owl.carousel js -->
<script src="js/owl.carousel.min.js"></script>
<!-- isotope js -->
<script src="js/isotope.pkgd.min.js"></script>
<!-- magnific js -->
<script src="js/magnific.min.js"></script>
<!-- venobox js -->
<script src="js/venobox.min.js"></script>
<!-- meanmenu js -->
<script src="js/jquery.meanmenu.js"></script>
<!-- Form validator js -->
<script src="js/form-validator.min.js"></script>
<!-- plugins js -->
<script src="js/plugins.js"></script>
<!-- main js -->
<script src="js/main.js"></script>
<script>
    $.ajax({
    url:"/front/base/index",
    success:function(response){
        console.log(response)
        for(i in response.blogs){
            var _li = `<li><a href="#">${response.blogs[i].title}</a></li>`
            $('#zxzx').append(_li)

            var _rmzx =`<div class="single-blog">
                            <div class="blog-image">
                                <a class="image-scale" href="#">
                                    <img src="img/blog/b1.jpg" alt="">
                                </a>
                            </div>
                            <div class="blog-content">
                                <div class="blog-meta">
											<span class="date-type">
												${response.blogs[i].created}
											</span>

                                </div>
                                <a href="#">
                                    <h4>${response.blogs[i].title}</h4>
                                </a>
                                <p>${response.blogs[i].title}</p>
                            </div>
                        </div>`
            $('#rmzx').append(_rmzx)


        }
        for(j in response.tagsName){
            var _yxbq = ` <li><a href="#">${response.tagsName[j]}</a></li>`
            $('#yxbq').append(_yxbq)
        }

    }});</script>
</body>
</html>
